<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  
    <LINK href="<%= request.getContextPath() %>/webfile/meituan.css" rel=stylesheet>
<LINK href="<%= request.getContextPath() %>/webfile/container.css" rel=stylesheet>
	
	<link href="<%= request.getContextPath() %>/magiczoom/magiczoom.css" rel="stylesheet" type="text/css" media="screen"/>
        
        <script src="<%= request.getContextPath() %>/magiczoom/magiczoom.js" type="text/javascript"></script>
	
	
    <title>商品详情</title>
	
	

	


<!--
body,td,th {
	font-size: 14px;
}
.STYLE1 {
	color: #FF0000;
	font-weight: bold;
}
.STYLE2 {
	font-size: 18px;
	font-weight: bold;
}
-->
  </style><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style type="text/css">
<!--
body,td,th {
	font-size: 12px;
}
.STYLE2 {color: #FF0000}
.STYLE3 {font-size: 18}
-->
  </style></head>
  
  <body>




  
        <div id="bdw" class="bdw" align="center">
<div id="bd" class="cf" ><div id="commitment">
	<div id="content" class="commitment">
        <div class="mainbox" align="center">
			 <!--开始显示商品-->
			 
	
			 
			 <!--显示商品结束-->
			 <form id="form">
			 <table width="800" border="0" cellpadding="5" cellspacing="5">
               <tr>
                 <td colspan="3"><div align="center" class="STYLE2 STYLE3"><font size="+3"></font></div></td>
               </tr>
               <tr>
                 <td width="257" rowspan="6">
                   <a href="<%= request.getContextPath() %>/images/" title="查看图片！" class="MagicZoom">
                      <img src="<%= request.getContextPath() %>/images/" width="224" height="150" /> </a>
                 <!--图片--></td>
                 <td width="95" height="37">价格:</td>
                 <td width="398"><span class="STYLE1 STYLE2"><strong>￥&nbsp;</strong></span></td>
               </tr>
               
               <tr>
                 <td>运费</td>
                 <td>全场免运费</td>
               </tr>
               <tr>
                 <td>已售</td>
                 <td>件</td>
               </tr>
               <tr>
                 <td>品牌</td>
                 <td></td>
               </tr>
               <tr>
                 <td height="29">购买数量</td>
                 
                
                <td >
              
                    <input 
                    onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"

                     type="text" name="num" id="num" maxlength="4"value="1" />
     
                 
                 </form> </td>
               </tr>
               <tr>
                 <td height="40" colspan="2">
                <img src="<%= request.getContextPath() %>/webfile/mai.jpg" width="131" height="35"  onClick="post()"></a> <!-- 立即购买 -->
               &nbsp;&nbsp;
                 <img src="<%= request.getContextPath() %>/webfile/gouwuche.jpg" width="131" onClick="post2()"  height="35"></td><!-- 购物车 -->
               </tr>
               <tr>
                 <td colspan="3">
				 
				 <!--详细信息的table-->
				 <table align="center" width="790" height="80px" >
				   <tr>
				   <td colspan="2"><div ><h1>详细配置信息</h1></div></td><hr>
				 </tr>
				 <tr><td width="296">
				
				 cpu:</td>
				   <td width="389">内存大小：</td>
				 </tr>
				 <tr><td>硬盘大小：</td><td>显卡：</td></tr>
				 <tr><td>重量：</td><td>颜色：</td></tr>
				 <tr><td>尺寸大小：</td><td></td></tr>
				 </table>
				  <!--详细信息的table-->
				 
				 </td>
               </tr>
               <tr>
                 <td colspan="3">
				
				 <h1>详细信息：</h1><hr></td>
               </tr>
			   
			  <!-- 开始新的一行显示-->
               <tr>
                 <td colspan="3">
				 
				 <h1>商品评论：</h1><hr>
			 	 </td>
               </tr>
				 <table bgcolor="#9966CC" >
			
				   <tr bgcolor="#FFFFFF"> <td width="100px"><font size="2px" >评价人</font> </td> <td width="100px"><font size="2px" >评价等级</font> </td><td width="400px"><font size="2px" >评价详情</font></td> </tr>
				  
				  
				    <tr bgcolor="#FFFFFF"><td width="40px"> </td> <td width="40px"> </td><td width="200px" ></td> </tr>
				   
				
				</table>
				 <hr/>
				 
				 
				 
				 
				<form action="<%=request.getContextPath()%>/pjcl" id="form1" name="form1" menthod="post">
				<table>
				<tr> <td>
				<input type="hidden" name="pno" id="pno" value="" >
				评价内容
				<textarea rows="3" name="pingjia" id="pingjia"></textarea> </td>
			<td> 
			  评价等级
			  <select id="nei" name="nei">
			    <option value="好">好</option>
			    <option value="中">中</option>
			    <option value="差">差</option>
			    </select>
			</td><td ><input type="button" onClick="yan()" value="提交评论" style="border-color:#99CCFF"></td>
				</tr>
			
				 </table>	
				</form>
			
				 
				 
				 
				 
				 
				 
				 
				 
			
             </div>
	</div></div></div></div>
  

 	
  </body>
  
  	<script>

  	
  	function yan(){
        var pingjia=$("pingjia").value;
        if(pingjia==''){
            alert("内容不能为空哦!");
       
       }else{
        
          $("form1").submit();
        
      
        }
  	
  	}
  	
  	
  	
	   
		     
		  
	
		  
		  
		  

 

 function $(dname){
  return document.getElementById(dname);
   
 }
	
	
	
	</script>
  
  
</html>
